<template>
  <div>
    <input type="text" v-model="formData.height" placeholder="请输入身高">
    <br>
    <input type="text" v-model="formData.weight" placeholder="请输入体重">
    <br>
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
export default {
  name: "BMIForm",
  data() {
    return {
      formData: {
        height: '',
        weight: ''
      }
    }
  },
  methods: {
    submitForm() {
      // 子组件使用 $emit 自定义事件
      // 组组件在使用子组件是通过自定义事件调用函数获取
      // console.log(this.formData)
      // this.$emit('emit-data', '123')
      this.$emit('emit-data', this.formData)
    }
  }
}
</script>

<style scoped>

</style>